<!doctype HTML>
<style>
.container {
    border-radius: 8px;
    overflow: hidden;
}

video {
  display: block;
  width: 200px;
  height: 200px;
  background: lightblue;
}

.bluebutton {
  position: relative;
  top: -20px;
  height: 100px;
    width: 100px;
  background: blue;
}
</style>
Should show a video with a blue square on it that is not clipped to the video.
<div class="container">
  <video preload="auto" src="../../media/content/test.webm"></video>
  <div class="bluebutton"></div>
</div>
